/*
 * @Author: 六弦(melodyWxy)
 * @Date: 2022-02-07 10:11:52
 * @LastEditors: 六弦(melodyWxy)
 * @LastEditTime: 2022-02-07 17:05:04
 * @FilePath: /rndemo01/src/pages/Home/style.js
 * @Description: update here
 */

import {StyleSheet} from 'react-native';

const styles = StyleSheet.create({
  wrap: {
    width: '100%',
    height: '100%',
    backgroundColor: '#ddd',
  },
  header: {
    marginTop: 20,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingLeft: 20,
    paddingRight: 20,
  },
  searchBox: {
    flex: 1,
    height: 40,
    marginLeft: 20,
    flexDirection: 'row',
    marginRight: 20,
    borderRadius: 20,
    backgroundColor: '#FFF',
    overflow: 'hidden',
  },
  searchBoxRight: {
    width: 40,
    height: 40,
  },
  searchIcon: {
    width: 40,
    height: 40,
  },
  searchInputWrap: {
    flex: 1,
    height: 40,
    // backgroundColor: 'red',
  },
  searchInput: {
    flex: 1,
    padding: 0,
    width: '100%',
    height: 40,
  },
  iconBox: {
    width: 40,
    height: 40,
    backgroundColor: 'blue',
  },
  banner: {
    height: 100,
    marginTop: 20,
  },
  bannerImgItem: {
    position: 'absolute',
    width: '100%',
    height: '100%',
  },
  bannerPoinit: {
    position: 'absolute',
    zIndex: 9,
    bottom: 20,
    width: 20,
    height: 20,
    borderRadius: 10,
    backgroundColor: 'red',
  },
  green: {
    backgroundColor: 'green',
  },
});

export default styles;
